<template>
  <div class="problem flex">
    <div class="problem_l">
      <div class="menu">
        <div class="menu_title">
          <span>问题反馈</span>
        </div>
        <ul>
          <li :class="{'active':current === 1}" @click="handerClick(1)">·  &nbsp;&nbsp;问题列表</li>
          <li :class="{'active':current === 2}" @click="handerClick(2)">·  &nbsp;&nbsp;热点问题</li>
        </ul>
      </div>
    </div>
    <div class="problem_r flex_1">
      <BreadCrumbs></BreadCrumbs>
        <router-view></router-view>
    </div>

  </div>
  
</template>

<script>
// import api from 'api/login'
import BreadCrumbs from '@/components/BreadCrumbs.vue'
export default {
  name: 'Login',
  data() {
    return {
      current:1
    }
  },
  created() {
  },
  methods: {
    handerClick(num){
      this.current = num
      if(num === 1){
        this.$router.push({
          path:'/list'
        })
      }else{
        this.$router.push({
          path:'/hotspot'
        })
      }
    }
  },
  computed: {
  },
  mounted() {

  },
  components: {
    BreadCrumbs
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
  @import "./css/index.scss";
</style>
